<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
<meta charset="UTF-8"></meta>
<meta name="renderer" content="webkit"></meta>
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"></meta>
<meta name="viewport"
	content="width=device-width, initial-scale=1, maximum-scale=1"></meta>
<title>欢迎页</title>
<link rel="stylesheet" th:href="@{/template/frame/layui/css/layui.css}" />
<link rel="stylesheet" th:href="@{/template/frame/static/css/style.css}" />
<link rel="icon" th:href="@{/template/frame/static/image/code.png}" />
</head>
<body class="body">

	<div class="layui-row layui-col-space10 my-index-main">
		<div class="layui-col-xs4 layui-col-sm2 layui-col-md2">
			<div class="my-nav-btn layui-clear" data-href="./demo/btn.html">
				<div class="layui-col-md5">
					<button class="layui-btn layui-btn-big layui-btn-danger layui-icon">&#xe756;</button>
				</div>
				<div class="layui-col-md7 tc">
					<p class="my-nav-text">127</p>
					<p class="my-nav-text layui-elip">电子需求单</p>
				</div>
			</div>
		</div>
		<div class="layui-col-xs4 layui-col-sm2 layui-col-md2">
			<div class="my-nav-btn layui-clear" data-href="./demo/form.html">
				<div class="layui-col-md5">
					<button class="layui-btn layui-btn-big layui-btn-warm layui-icon">&#xe735;</button>
				</div>
				<div class="layui-col-md7 tc">
					<p class="my-nav-text">26</p>
					<p class="my-nav-text layui-elip">无工作量需求单</p>
				</div>
			</div>
		</div>
		<div class="layui-col-xs4 layui-col-sm2 layui-col-md2">
			<div class="my-nav-btn layui-clear" data-href="./demo/table.html">
				<div class="layui-col-md5">
					<button class="layui-btn layui-btn-big layui-icon">&#xe715;</button>
				</div>
				<div class="layui-col-md7 tc">
					<p class="my-nav-text">19</p>
					<p class="my-nav-text layui-elip">部门预算</p>
				</div>
			</div>
		</div>
		<div class="layui-col-xs4 layui-col-sm2 layui-col-md2">
			<div class="my-nav-btn layui-clear" data-href="./demo/tab-card.html">
				<div class="layui-col-md5">
					<button class="layui-btn layui-btn-big layui-btn-normal layui-icon">&#xe705;</button>
				</div>
				<div class="layui-col-md7 tc">
					<p class="my-nav-text">40</p>
					<p class="my-nav-text layui-elip">选项卡</p>
				</div>
			</div>
		</div>
		<div class="layui-col-xs4 layui-col-sm2 layui-col-md2">
			<div class="my-nav-btn layui-clear"
				data-href="./demo/progress-bar.html">
				<div class="layui-col-md5">
					<button class="layui-btn layui-btn-big layui-bg-cyan layui-icon">&#xe6b2;</button>
				</div>
				<div class="layui-col-md7 tc">
					<p class="my-nav-text">40</p>
					<p class="my-nav-text layui-elip">进度条</p>
				</div>
			</div>
		</div>
		
		
		
		<div class="layui-col-xs4 layui-col-sm2 layui-col-md2">
			<div class="my-nav-btn layui-clear"
				data-href="./demo/folding-panel.html">
				<div class="layui-col-md5">
					<button class="layui-btn layui-btn-big layui-bg-black layui-icon">&#xe698;</button>
				</div>
				<div class="layui-col-md7 tc">
					<p class="my-nav-text">40</p>
					<p class="my-nav-text layui-elip">折叠面板</p>
				</div>
			</div>
		</div>
		
		<hr/>

		<div class="layui-row layui-col-space10 my-index-main">
			<div class="layui-col-xs11 layui-col-sm11 layui-col-md11">
				<div id="line_1" style="width: 100%; height: 400px;"></div>
			</div>
		</div>
		
		<hr/>
		
		<div class="layui-row layui-col-space10 my-index-main">
			<div class="layui-col-xs1 layui-col-sm1 layui-col-md1">
				<select class="dropdown-menu" role="menu" id="deptNameSelector">
					<option class="dept-option" value="中心财务部">中心财务部</option>
					<option class="dept-option" value="市场二部">市场二部</option>
					<option class="dept-option" value="工程运行部">工程运行部</option>
					<option class="dept-option" value="清算部">清算部</option>
					<option class="dept-option" value="技术开发部">技术开发部</option>
					<option class="dept-option" value="信息统计部">信息统计部</option>
				</select>
			</div>
			
			<div class="layui-col-xs5 layui-col-sm5 layui-col-md5">
				<div id="pie_1" style="width: 100%; height: 300px;"></div>
			</div>
			
			<div class="layui-col-xs6 layui-col-sm6 layui-col-md6">
				<div class="layui-collapse">
					<div class="layui-colla-item">
						<h2 class="layui-colla-title">详细数据（预算总量：1618）</h2>
						<div class="layui-colla-content layui-show">

							<table class="layui-table">
								<colgroup>
									<col width="20%"/>
									<col width="25"/>
									<col width="50"/>
								</colgroup>
								<thead>
									<tr>
										<th>类型</th>
										<th>占比</th>
										<th>工作量（人月）</th>
									</tr>
								</thead>
								<tbody>
									<tr>
										<td>可用量</td>
										<td id="kyl_rate">78.44%</td>
										<td id="kyl">1269.1797</td>
									</tr>
									<tr>
										<td>冻结量</td>
										<td id="djl_rate">2.96%</td>
										<td id="djl">47.9337</td>
									</tr>
									<tr>
										<td>已用量</td>
										<td id="yyl_rate">18.6%</td>
										<td id="yyl">300.8865</td>
									</tr>
								</tbody>
							</table>

						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<script type="text/javascript"
		th:src="@{/webjars/jquery/3.3.1-1/jquery.min.js}"></script>
	<script type="text/javascript"
		th:src="@{/template/frame/layui/layui.js}"></script>
	<script type="text/javascript" th:src="@{/template/js/index.js}"></script>
	<script type="text/javascript"
		th:src="@{/template/frame/echarts/echarts.min.js}"></script>
	<script type="text/javascript" th:src="@{/js/welcome.js}"></script>
</body>
</html>